<template>
  <div class="page1">
    <h1 class="title">\ 本科专业</h1>
    <div v-for="(item, index) in subjectList" :key="index" class="wrap" @click="goMore(index)">
      <h1>{{ item.title }}</h1>
      <p>{{ item.synopsis }}</p>
    </div>
  </div>
</template>

<script>
export default {
  name: "page1",
  methods: {
    goMore(index) {
      const subjectItem = this.subjectList[index];
      this.$router.push({
        name: "subject-more",
        params: {
          subjectItem
        }
      });
    }
  },
  data() {
    return {
      subjectList: [
        {
          title: "软件工程专业",
          synopsis: `熟悉关于软件设计、开发、维护、管理、研究等方面的政策和法规。
                      熟悉关于软件设计、开发、维护、管理、研究等方面的政策和法规。
                      熟悉关于软件设计、开发、维护、管理、研究等方面的政策和法规。熟悉关于软件设计、开发、维护、管理、研究等方面的政策和法规。`,
          date: "2019-1-2",
          browseNumber: 120,
          content: [
            {
              title: "培养目标",
              text: `培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要`
            },
            {
              title: "主干课程",
              text: `高等数学、C语言程序设计、Java程序设计、动态网页设计、数据结构、计算机组成与原理.`
            },
            {
              title: "就业方向",
              text: `毕业生可以在航天企业、工商企业、国家机关、和事业单位从事软件研究、开发、测试和运维工作。`
            },
            {
              title: "培养目标",
              text: `培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要`
            },
            {
              title: "主干课程",
              text: `高等数学、C语言程序设计、Java程序设计、动态网页设计、数据结构、计算机组成与原理.`
            },
            {
              title: "就业方向",
              text: `毕业生可以在航天企业、工商企业、国家机关、和事业单位从事软件研究、开发、测试和运维工作。`
            }
          ]
        },
        {
          title: "物联网工程专业",
          synopsis: `熟悉关于软件设计、开发、维护、管理、研究等方面的政策和法规。
                      熟悉关于软件设计、开发、维护、管理、研究等方面的政策和法规。
                      熟悉关于软件设计、开发、维护、管理、研究等方面的政策和法规。熟悉关于软件设计、开发、维护、管理、研究等方面的政策和法规。`,
          date: "2019-1-2",
          browseNumber: 120,
          content: [
            {
              title: "培养目标",
              text: `培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要`
            },
            {
              title: "主干课程",
              text: `高等数学、C语言程序设计、Java程序设计、动态网页设计、数据结构、计算机组成与原理.`
            },
            {
              title: "就业方向",
              text: `毕业生可以在航天企业、工商企业、国家机关、和事业单位从事软件研究、开发、测试和运维工作。`
            },
            {
              title: "培养目标",
              text: `培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要
              培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要培养德、智、体、美全面发展，适应信息产业发展需要`
            },
            {
              title: "主干课程",
              text: `高等数学、C语言程序设计、Java程序设计、动态网页设计、数据结构、计算机组成与原理.`
            },
            {
              title: "就业方向",
              text: `毕业生可以在航天企业、工商企业、国家机关、和事业单位从事软件研究、开发、测试和运维工作。`
            }
          ]
        }
      ]
    };
  }
};
</script>

<style scoped lang="less">
.title {
  font-weight: 600;
}
p {
  color: rgb(161, 159, 159);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; //需要控制的文本行数
  overflow: hidden;
}

.wrap {
  cursor: pointer;
}
</style>